Demostración de Combinadores en CSS

1. Descendant (div p)

Este es un párrafo dentro de un div (descendant combinator).

Este párrafo está dentro de un div anidado (también cuenta).

2. Child (div > p)

Este es hijo directo de div (child combinator).

Este no aplica porque está en un div anidado.

3. Adjacent Sibling (div + p)

Div anterior al párrafo adyacente.

Este es adyacente al div anterior (adjacent sibling combinator).

Este ya no cuenta, solo el primero adyacente aplica.

4. General Sibling (div ~ p)

Div que está antes de varios párrafos hermanos.

Hermano del div (general sibling combinator).

Otro hermano del div (general sibling combinator).